<template>
<div>
<div class="layout-box">
<!--  <besideTree class="tree-box"></besideTree>-->
  <div class="layout-content">
  <slot></slot>
  </div>
</div>
</div>
</template>

<script>
import besideTree from "./besideTree";
export default {
  name: "layoutBlock",
  components:{besideTree},
}
</script>

<style scoped lang="less">
/deep/ .layout-box{
  display: flex;
  justify-content: space-between;
  .ivu-tree-title{
    color:#fff;
    &:hover{
      background: #008cff3d;
    }
  }

}
.layout-content{
  //width:calc(~"100% - 260px");
  width:100%;
}
.tree-box{
  width: 240px;
  margin-right: 20px;
}
</style>
